<template>
  <div>
    {{ MyNowTime }}
  </div>
</template>

<script>
export default {
  name: "MyNowTime",
  data() {
    return {
      MyNowTime: new Date(),
    };
  },
  mounted() {
    let _this = this; // 声明一个变量指向Vue实例this，保证作用域一致
    this.timer = setInterval(() => {
      _this.MyNowTime = new Date().toLocaleString(); // 修改数据date
    });
  },
  beforeDestroy() {
    if (this.timer) {
      clearInterval(this.timer); // 在Vue实例销毁前，清除我们的定时器
    }
  },
};
</script>

<style>
</style>